<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- bootstrap table js -->
<script src="../bootstrapTable/dist/bootstrap-table.js"></script>
<script src="../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>
<script src="ship.js"></script>

<script src="1003/1003.js"></script>
</head>
<body>

		<div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">申请单信息</h3>
			</div>

			<div class="panel-body">
				<form id="Business">
					<table class="table table-bordered">
					<tbody>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								报送机构：<span style="color:red;">*</span>
							</td>
							<td colspan="5">
    							<input style="width: 200px;" type="text" class="form-control" id="org" placeholder="请选择报送机构">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								 原申请单号：<span style="color:red;">*</span>
							</td>
							<td>
								<div class="input-group">
									<input type="text" class="form-control" id="oldapplyno" name="oldapplyno" placeholder="请输入待变更的申请单号">
									<span class="input-group-btn">
										<button class="btn btn-link" type="button" id="seeInfo">
											查看详细
										</button>
									</span>
								</div>
								<input type="hidden" name="oldapplyid" id="oldapplyid" placeholder="请输入待变更的申请单号">
								
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								 变更类型：<span style="color:red;">*</span>
							</td>
							<td colspan="3">
								<select class="form-control" name="changetypecode" id="changetypecode" placeholder="请选择变更类型"></select>
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								计划开工日期：<span style="color:red;">*</span>
							</td>
							<td>
								<input type="date" class="form-control" name="workbegintime" placeholder="请选择计划开工日期" readonly="readonly">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								预计完工日期：<span style="color:red;">*</span>
							</td>
							<td>
								<input type="date" class="form-control" name="workendtime" placeholder="请选择预计完工日期" readonly="readonly">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								预计完工天数：<span style="color:red;">*</span>
							</td>
							<td>
								<input type="number" class="form-control" name="days" placeholder="请输入完工天数" readonly="readonly">
							</td>
						</tr>
						<tr class="changeTime">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								申请延期期限：
							</td>
							<td >
								<input type="date" class="form-control" name="delaydate" id="delaydate" placeholder="请输入申请延期期限">
							</td>
							<td colspan="4"></td>
						</tr>
						<!-- <tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								 变更内容：<span style="color:red;">*</span>
							</td>
							<td colspan="5">
								<textarea class="form-control" name="changecontent" placeholder="请输入变更内容" ></textarea>
							</td>
						</tr> -->
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								 作业名称：<span style="color:red;">*</span>
							</td>
							<td colspan="5">
								<input type="text" class="form-control" name="workname" placeholder="请输入作业名称">
								
								<input type="hidden" name="applytypecode" id="applytypecode">
							</td>
						</tr>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								作业类型：<span style="color:red;">*</span>
							</td>
							<td>
								<select class="form-control" name="worktypecode" id="worktypecode"></select>
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								作业位置：<span style="color:red;">*</span>
							</td>
							<td>
								<input type="text" class="form-control" name="workposition" placeholder="请输入作业位置" readonly="readonly">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								作业方式：<span style="color:red;">*</span>
							</td>
							<td>
								<select class="form-control" name="workmethodcode" id="workmethodcode"></select>
							</td>
						</tr>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								建设单位：<span style="color:red;">*</span>
							</td>
							<td>
								<input type="text" class="form-control" name="buildunitname" placeholder="请输入建设单位">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								建设单位联系人：
							</td>
							<td>
								<input type="text" class="form-control" name="buildcontactperson" placeholder="请输入建设单位联系人">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								建设单位联系电话：
							</td>
							<td>
								<input type="text" class="form-control" name="buildcontactphone" placeholder="请输入建设单位联系电话">
							</td>
						</tr>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								施工单位：<span style="color:red;">*</span>
							</td>
							<td>
								<input type="text" class="form-control" name="workunitname" placeholder="请输入施工单位">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								施工单位联系人：
							</td>
							<td>
								<input type="text" class="form-control" name="workcontactperson" placeholder="请输入施工单位联系人">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								施工单位联系电话：
							</td>
							<td>
								<input type="text" class="form-control" name="workcontactphone" placeholder="请输入施工单位联系电话">
							</td>
						</tr>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								施工作业程序：
							</td>
							<td colspan="5">
    							<textarea class="form-control" rows="2" name="workstep" placeholder="请输入施工作业程序"></textarea>
							</td>
						</tr>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								应急措施：
							</td>
							<td colspan="5">
    							<textarea class="form-control" rows="2" name="emergentstep" placeholder="请输入应急措施"></textarea>
							</td>
						</tr>
			 			<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								设备名称：
							</td>
							<td colspan="5">
    							<textarea class="form-control" rows="2" name="devicename" placeholder="请输入设备名称"></textarea>
							</td>
						</tr>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								主要技术参数：
							</td>
							<td colspan="5">
    							<textarea class="form-control" rows="2" name="technicalparameter" placeholder="请输入主要技术参数"></textarea>
							</td>
						</tr>
						<tr class="change">
							<td style="width:130px; text-align: right; background-color: #eee; ">
								地点范围：<span style="color:red;">*</span>
							</td>
							<td colspan="3">
    							<table class="table table-bordered" style="text-align: center;" id="coordinate">
								  <thead>
								    <tr>
								      <th style="text-align: center; width:10%;">序号</th>
								      <th style="text-align: center; width:30%;">经纬度区分</th>
								      <th style="text-align: center; width:15%;">度</th>
								      <th style="text-align: center; width:15%;">分</th>
								      <th style="text-align: center; width:15%;">秒</th>
								      <th style="text-align: center; width:10%;">删除</th>
								    </tr>
								  </thead>

								</table>
								<div style="float: right;">
								<button id="coordinateAdd" type="button" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span>添加坐标</button>
<!-- 								<button id="coordinateCreate" type="button" class="btn btn-primary"><span class="glyphicon glyphicon-chevron-right"></span>生成地点范围</button> -->
								</div>
							</td>
							<td colspan="2">
    							<textarea class="form-control" name="workarea" placeholder="请输入地点范围" style="height: 100%;"></textarea>
							</td>
						</tr>
					</tbody>
					</table>
	            </form>
			</div>
		</div>
		

		<form class="form-horizontal changeShip" id="ShipList">
			<div class="panel panel-primary">
			    <div class="panel-heading">
					原许可水上水下活动作业船舶及设备
			    </div>
			    <table class="table" id="TableShipBefore" style="text-align: center;">
			    	<thead>
			    	<tr>
				        <th style="text-align: center; width: 120px;">船舶识别号</th>
				        <th style="text-align: center; width: 200px;">中文船舶名称</th>
				        <!-- <th style="text-align: center;">主要技术参数</th> -->
				        <!-- <th style="text-align: center;">校验</th> -->
			        </tr>
			        </thead>
				<tbody>

				</tbody>
				</table>
			</div>
        </form>
        
		<form class="form-horizontal changeShip" id="ShipList">
			<div class="panel panel-primary">
			    <div class="panel-heading">
					变更后许可水上水下活动作业船舶及设备
					<button id="selectShip" type="button" class="btn btn-success" style="height:30px; float: right;"><span class="glyphicon glyphicon-plus"></span>添加船舶</button>
			    </div>
			    <table class="table" id="TableShip" style="text-align: center;">
			    	<thead>
			    	<tr>
				        <th style="text-align: center; width: 120px;">船舶识别号</th>
				        <th style="text-align: center; width: 200px;">中文船舶名称</th>
				        <!-- <th style="text-align: center;">主要技术参数</th> -->
				        <!--  <th style="text-align: center;">校验</th> -->
				        <th style="text-align: center; width: 80px;">删除行</th>
			        </tr>
			        </thead>
				<tbody>

				</tbody>
				</table>
			</div>
        </form>
        
         <div class="modal fade" id="modalCheck" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="width: 800px; height: 600px; overflow:auto;">
			  <div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">校验信息</h4>
				</div>
				
				<div class="modal-body" id="checkinfo">
					<table class="table" id="certShip">
						<caption>法定证书校验</caption>
						<thead>
							<tr>
								<th style="text-align: center;width:35%">校验内容</th>
								<th style="text-align: center;width:10%">校验结果</th>
								<th style="text-align: center;width:55%">结果详情</th>
							</tr>
						</thead>
						</tbody>
					</table>
					
					<table class="table" id="fsc">
						<caption>船舶安检信息校验</caption>
						<thead>
							<tr>
								<th style="text-align: center;width:35%">校验内容</th>
								<th style="text-align: center;width:10%">校验结果</th>
								<th style="text-align: center;width:55%">结果详情</th>
							</tr>
						</thead>
						</tbody>
					</table>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
</body>
</html>